
.theme-light {
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

.theme-light #nav-bar {
    background-color: #198cff;
}
.theme-light #nav .nav-item{
    color: #fff;
    opacity: 0.7;
}
.theme-light #nav .logo {
    width: 50px;
    height: 50px;
    background: url(./light/logo-s.png);
    background-size: 100% 100%;
    margin: 10px;
    background-repeat: no-repeat;
}

.theme-light #nav .nav-item:hover {
    background: rgb(20, 112, 204);
}

.theme-light #nav .nav-item.active {
    opacity: 1;
    background: rgb(83, 168, 255) !important;
}

.theme-light #nav .setting {
    color: #fff;
    opacity: 0.7;
}
.theme-light #nav .setting:hover {
    opacity: 1;
}

.theme-light #nav .changeServiceStatus {
    color: #fff;
    opacity: 0.7;
}
.theme-light #nav .changeServiceStatus:hover {
    opacity: 1;
}

.theme-light #nav .userCard {
    color: #fff;
    opacity: 0.7;
}
.theme-light #nav .userCard:hover {
    opacity: 1;
}



.theme-light .el-dropdown-menu__item.all:hover, .theme-light .el-dropdown-menu__item.ALL:hover {
    color: #999;
}

.theme-light .el-dropdown-menu__item.GET:hover, .theme-light .el-dropdown-menu__item.get:hover {
    color: #67C23A;
}

.theme-light .el-dropdown-menu__item.POST:hover,.theme-light .el-dropdown-menu__item.post:hover {
    color: #E6A23C;
}

.theme-light .el-dropdown-menu__item.PUT:hover,.theme-light .el-dropdown-menu__item.put:hover {
    color: #409EFF;
}

.theme-light .el-dropdown-menu__item.DEL:hover,.theme-light .el-dropdown-menu__item.delete:hover {
    color: #F56C6C;
}

.theme-light ::-webkit-scrollbar-button {
    display: none;
}
  
.theme-light  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
  
.theme-light  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ccc;
}
